import React, { Component } from 'react'

import Child from './Child'
import Child2 from './Child2'

import Abc from './Abc'

import Def from './Def'
let def = new Def()

export default class Props extends Component {
  render() {
    // parent state: Props
    // praviate state: State
    // global state: redux state
    return (
      <div>
        <Child 
          title={100} 
          abc={<Abc></Abc>} 
          def={def}
          id="002"
          url="http://www.baidu.com"
          list={['a', 'b']}
          obj1={{
            y: 'a',
            z: 1
          }}
          obj2={{
            y: 'a',
          }}
          count={100}
        ></Child>
        <Child2 title={1}></Child2>
      </div>
    )
  }
}
